<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/resources/include.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<base href="${basePath }">
<title>管理平台</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<link rel="stylesheet" href="resources/JSLIB/dojo/dijit/themes/claro/claro.css" media="screen">
<link rel="stylesheet" href="resources/JSLIB/dojo/dojox/widget/Toaster/Toaster.css" media="screen">
<link rel="stylesheet" href="resources/JSLIB/plugins/jquery/jqGrid/css/ui.jqgrid.css" media="screen">
<link rel="stylesheet" href="resources/JSLIB/plugins/jquery/jqGrid/css/ui.multiselect.css" media="screen">
<link rel="stylesheet" href="resources/JSLIB/plugins/jquery/jqGrid/css/jquery-ui-custom.css" media="screen">
<link rel="stylesheet" href="resources/JSLIB/plugins/jquery/zTree/css/zTreeStyle/zTreeStyle.css" media="screen">
<link rel="stylesheet" href="resources/CSS/style.css" media="screen">
<script type="text/javascript">
    var basePath = '${basePath}';
    var userid = '<shiro:principal property="userId"/>';
    var username = '<shiro:principal property="username"/>';
    var socketport = '${socketIoServerPort}';
</script>
</head>
<body class="claro">
  <div id="loadingOverlay" class="loadingOverlay pageOverlay">
    <span class="loadingMessage">loading...</span>
  </div>
  <div id="appLayout" class="appLayout" data-dojo-type="dijit/layout/BorderContainer"
    data-dojo-props="liveSplitters:false, design: 'headline'">
    <!-- :startT 顶部标题 -->
    <div class="titlePanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'top'">
      <a href="logout"><img alt="退出" src="resources/MEDIA/images/logo/exit.gif" border="0" style="float: right;margin: 12px 5px 0px 0px;"/></a>
      <span style="float: right;margin: 20px 25px 0px 0px;font: italic bold 13px arial, sans-serif;color: maroon;">你好!<shiro:principal property="username"/></span>
    </div>
    <!-- :end 顶部标题 -->
    <!-- :startC 内容面板 -->
    <div id="tabs" data-dojo-type="dijit/layout/TabContainer"
      data-dojo-props="region:'center', tabStrip:true, tabPosition:'bottom'">
      <div data-dojo-type="dijit/layout/ContentPane" title='首页'>
      <div style="display: block;">
      <button type="button" onClick="sendMessage()">发送</button><br/><br/>
      <input id="userSel" data-dojo-type="dijit/form/TextBox" data-dojo-props="readonly : true" cType="s" onclick="showUserTree(this,'subUserId');" />
      <input id="subUserId" type="hidden" >
      <br/><br/>
      <span>附件:&nbsp;<input id="uploadWighet" data-dojo-type="dijit/form/TextBox" data-dojo-props="readonly : true" onclick="uploadComponet(this,'attachId');"/>
      <input id="attachId" type="hidden" >
      <shiro:principal property='userId'/>
      </span>
      </div>
      </div>
    </div>
    <!-- :end 内容面板 -->
    <!-- :startL 左侧菜单栏 -->
    <div id="subMenuPanel" style="width: 200px;" data-dojo-type="dijit/layout/AccordionContainer"
      data-dojo-props="region: 'leading', splitter:true, minSize:20">
      <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="selected:true,title:'系统菜单'">
        <div>
          <ul id="menuTree" class="ztree"
            style="margin: 0px; padding: 0; border: 0 solid white; background: white;overflow-y: hidden;"></ul>
        </div>
      </div>
    </div>
    <!-- :end 左侧菜单栏 -->
  </div>
  <!-- :start 组件 -->
  <div data-dojo-type="dojox/widget/Toaster"
    data-dojo-props="positionDirection:'br-left', messageTopic:'notifyMsgTopic'" id="msgNotify"></div>
  <div data-dojo-type="dijit/TitlePane" data-dojo-id="msgNotifyWin" 
    data-dojo-props="title: '消息',open:false,preventCache:true,onMouseLeave: hideNotifyWin,onShow: syncNotifyWin" class="msgPopWin"></div>
  <div data-dojo-type="dijit/Dialog" data-dojo-id="attachModal">
      <div data-dojo-type="dojox/layout/ContentPane" data-dojo-id="attachUploadPane" data-dojo-props="refreshOnShow : true" style="width: 880px;height: 500px;margin: 0;padding: 0;"></div>
  </div>
  <div data-dojo-type="dijit/Dialog" data-dojo-id="msgDetailDialog" data-dojo-props="onHide : clearMsg, onShow: msgShow">
      <div class="dijitDialogPaneContentArea">
        <div id="msgDetailContainer"></div>
      </div>
      <div class="dijitDialogPaneActionBar">
        <a href="javascript:void(0);" id="previousMsg" style="display: none;text-decoration: none;">上一条</a>
        &nbsp;&nbsp;
        <a href="javascript:void(0);" id="nextMsg" style="display: none;text-decoration: none;">下一条</a>
      </div>
  </div>
  <!-- :end 组件 -->
  <script src="resources/JSLIB/plugins/socket.io/socket.io.js"></script>
  <script src="resources/JSLIB/jquery/jquery-1.7.2.min.js"></script>
  <script src="resources/JSLIB/plugins/jquery/jqGrid/i18n/grid.locale-cn.js"></script>
  <script src="resources/JSLIB/plugins/jquery/jqGrid/plugins/jquery-ui-custom.min.js"></script>
  <script src="resources/JSLIB/plugins/jquery/jqGrid/plugins/jquery.jqGrid.min.js"></script>
  <script src="resources/JSLIB/plugins/jquery/jqGrid/plugins/jquery.tablednd.js"></script>
  <script src="resources/JSLIB/plugins/jquery/jqGrid/plugins/ui.multiselect.js"></script>
  <script src="resources/JSLIB/plugins/jquery/zTree/jquery.ztree.all-3.5.min.js"></script>
  <script src="resources/JSLIB/plugins/my97DatePicker/WdatePicker.js"></script>
  <script src="resources/JSLIB/dojo/dojo/dojo.js" data-dojo-config="parseOnLoad:false, async:true"></script>
  <script src="resources/JS/main/main.js"></script>
</body>
</html>